<template>
<div>
  <div class="ee" align="center" style="background-color: #F8F9F9">
    <div class="col-12" align="left" >
      <i class="bi bi-chevron-left h4"></i>&emsp;人数选择
    </div>
        <div class="col-10  mt-5" align="center">
          <div class="form-inline col-10" align="center">
          选择人数：<select class="form-control col-7">
          <option>1</option>
          <option>2</option>
        </select></div>
          <div class="form-inline col-10 mt-4" align="center">
            &emsp;座位号：<select class="form-control col-7">
            <option>1</option>
            <option>2</option>
          </select></div>
        </div>
    <div class="col-12 mt-4">
      <div class="col-10">
        <button class="btn btn-primary col-8" v-on:click="saveInfo">确认</button>
      </div>
    </div>


  </div>

</div>
</template>

<script>
  import service from "../utils/axios";
export default {
  name: "PeopleNumber",
  data(){
    return{
      seatId: 1,
      number: 1
    }
  },
  methods:{
    saveInfo(){
      service.post("/shoppingCart/saveInfo",{
        "seatId":this.seatId,
        "totalNumber": this.number
      }).then(data => {
        this.$router.push("MenuList")
      })
    }
  },
  created() {

  }
}
</script>

<style scoped>

</style>
